<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>发帖</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<style type="text/css">
	@IMPORT url("css/base.css");
	#main{
	width:1340px;
	height:auto;
	z-index: 1;
	}
	 #post{
	width:1340px;
	height:1400px;
	margin-top: 5px;
	}
	#post-left{
	width:180px;
	height:100%;
	float: left;
	}
	#post-center{
	width:980px;
	height:100%;
	float:left;
	border-left: 1px #eaebed solid;
	}
	#post-right{
	width:180px;
	height:100%;
	float:right;
	}
	.tiezi{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:left;
	}
	a{
	text-decoration: none;
	}
	.input1 input{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:left;
	border:1px grey solid;
	}
	.input2 {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:left;
	margin-top:10px;
	border:1px grey solid;
	}
	.input3 {
	width:100%;
	height:400px;
	line-height:40px;
	text-align:left;
	margin-top:20px;
	border:1px grey solid;
	}
	.red{
	width:100%;
	height:40px;
	margin-top:10px;
	font-size: 18px;
	}
	.red input{
	width:60px;
	height:30px;
	border:1px grey solid;
	}
	.input4{
	width:280px;
	height:40px;
	}
	.input4-1{
	width:80px;
	height:100%;
	font-size: 18px;
	float: left;
	}
	.input4-2{
	width:100px;
	height:100%;
	float: left;
	}
	.input4-2 input{
	border:1px grey solid;
	}
	.input4-3{
	width:100px;
	height:100%;
	float: right;
	margin-left: 0px;
	}
	
	.authcode_img b{
	width:25px;
	height:40px;
	display:block;
	float: right;
	font-size:25px;
	background-color:blue;
	}
	.send input{
	width:60px;
	height:40px;
	line-height:40px;
	text-align:left;
	margin-left: 10px;
	}
	.send input:HOVER {
	background-color: blue;
	color: white;
	}
	#p1,body,html{
		width:100%;
		height:100%;
	}
	#p1{
		z-index:1;
		float:left;
	}
	#p2{
		background-color:blue;
		z-index:2;
	}
</style>
	
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	
	<script type="text/javascript">
	
	
	
	function getAuthCode(){
		var authcode = "";
		var fontStyle = new Array("微软雅黑","Courier New","幼圆","宋体","Dotum","楷书","华文行楷");
		var colors = new Array("#1212c9","#c9b612","#12c930","#c912b1","#12c9c7","#c91f12","#fe7f02");
		var n = 4;
		for(var i=0;i<n;i++){
			var num = parseInt(Math.random()*10);
			authcode += num;
			$(".authcode_img .code"+(i+1)+"").html(num);
			var maxJ = 1;
			for(var j=0;j<maxJ;j++){
				var fontIndex = parseInt(Math.random()*10);
				var colorIndex = parseInt(Math.random()*10);
				if(fontIndex<fontStyle.length&&colorIndex<colors.length){
					$(".authcode_img .code"+(i+1)+"").css("font-family",fontStyle[fontIndex]).css("color",colors[colorIndex]);
				}else{
					maxJ++;
				}
			}
		}
		return authcode;
	}
	$(function(){
		r();
		
		var authcode = getAuthCode();
		$("#authcode").val(authcode);
		$(".authcode_img").click(function(){
			authcode = getAuthCode();
			$("#authcode").val(authcode);
			$("#check_authcode").val("");
		});
	});
	
	/* function r(){
		var left=($(window).innerWidth-parseInt($("#p2").css("width")))/2;
		var top=($(window).innerHeight-parseInt($("#p2").css("height")))/2;
		var scrollTop = $(window).scrollTop;
		var scrollLeft = $(window).scrollLeft;
		$("#p2").offset({top:top+scrollTop,left:left+scrollLeft});
		$(window).scroll(function(){
			var scrollTop = $(window).scrollTop;
			var scrollLeft = $(window).scrollLeft;
			$("#p2").offset({top:top+scrollTop,left:left+scrollLeft});			
		});
	}
	function click(){
		$("#p2").css("display","block");
		r();
		
	} */
	</script>
  </head>
  
  <body>
  
  <div id="p1" onresize="r();">
   	<div id="top">
   	<jsp:include page="../../WEB-INF/includes/top.inc.jsp"></jsp:include>
   	</div>
   	<div id="post">
   		<div id="post-left"></div>
   		
   		<div id="post-center">
   			<div class="center-top">
   				<b>论坛信息：</b>会员 <span>221</span> 人&nbsp;&nbsp; 帖子
					<span>179</span> 篇 &nbsp;&nbsp;&nbsp;&nbsp;
					<b>站长寄语：</b>梦虽然遥不可及，但并不是不可能实现；只要坚持，就会离梦越来越近！
   			</div>
   			
   			<div class="center-body">
   				<div class="center-body-left">
   				<div class="gps">
							<span>您的位置：</span>
							<img alt="首页" src="images/home.png">
							<a href="jsp/public/first.jsp" style="padding-left: 0px;">首页</a>
							<span>&raquo;</span><span>板块</span>
							<span>&raquo;</span><span>未分类</span>
							<span>&raquo;</span><span>帖子相关操作</span>
							<div class="clear"></div> 
							</div>
							
				<div class="tiezi">
					<a href="#" style="font-size: 16px;">发布帖子</a>
				</div>
				<div class="input1">
					<input type="text" placeholder="请填写标题"/>
				</div>
				<div class="input2">
					<select style="width:100%;height:40px">
						<option  value="0"  selected="selected">默认板块</option>
						<option value="1" >有天轻论坛-使用帮助</option>
						<option value="2" >有天轻论坛-用户提问</option>
						<option value="3" >PHP技术文章</option>
						<option value="4" >ASP技术文章</option>
						<option value="5" >PHP源码发布</option>
						<option value="6" >ASP源码发布</option>
						<option value="7" >puyuetianPHP轻框架-下载</option>
						<option value="8" >puyuetianPHP轻框架-文档</option>
						<option value="9" >puyuetianPHP轻框架-提问</option>
						<option value="10" >puyuetianPHP轻框架-交流</option>
						<option value="11" >有天轻论坛-最新动态</option>
						<option value="12" >有天轻论坛-程序发布</option>
						<option value="13" >有天轻论坛-插件</option>
						<option value="14" >有天轻论坛-模板</option>
						<option value="15" >有天轻论坛-发展建议</option>
						<option value="16" >有天轻论坛-BUG反馈</option>
						<option value="17" >有天轻论坛-站长交流区</option>
						<option value="18" >有天轻论坛-开发者交流区</option>
						<option value="19" >最新高清电影</option>
						<option value="20" >搞笑娱乐吧</option>
					</select>
				</div>
				 <form action="" method="" enctype="multipart/form-data">
   						 <input type="file" name="file" value="选择文件"/>
   						<!-- <a style="width:40xp;height:30px;background-color: red;margin-top: 10px; border: 1px red solid;cursor: pointer;"><span onclick="click();">上传文件</span></a> -->
<!--    						 <input type="submit" value="上传文件" style="width:40xp;height:30px;background-color: red;margin-top: 10px;" onclick="click();"/> 
 -->   						<a style="font-size: 18px;">最大上传文件:3000K   支持格式:gif,jpg,jpg,png,bmp,zip,txt </a>
   						</form>	
   				<div class="input3">
					<jsp:include page="editor.jsp"></jsp:include>
				</div>
				<div class="red">
				阅读权限:<input type="text" />（最高为：10）
				</div>
				
				<input type="hidden" id="authcode" />
					
				<div class="input4">
						<div class="input4-1">发帖验证:</div>
						<div class="input4-2">
							<input type="text" style="width:100px;height:100%;"/>
						</div>
						<div class="input4-2-3">
						<div class="authcode_img">
							<b class="code1"></b>
							<b class="code2"></b>
							<b class="code3"></b>
							<b class="code4"></b>
						</div>
						</div>
				</div>
				<div class="send">
					<form action="" method="">
						<input  type="button" value="发表" />
					</form>
				</div>
									
   				</div>
   					
   				<div class="center-body-right">
   				<jsp:include page="../../WEB-INF/includes/body.left.inc.jsp"></jsp:include>
   				</div>
   			</div>
   		</div>
   		
   		<div id="post-right"></div>
   	</div>
   	<div id="bottom">
   	<jsp:include page="../../WEB-INF/includes/bottom.inc.jsp"></jsp:include>
   	</div>
</div>
<!-- <div  id="p2" style="position:relative; width:200px; height:100px;">
	
</div> -->
  </body>
</html>
